<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Welcome, have a nice day</title>

	<meta name="description" content="Source code generated using layoutit.com">
	<meta name="author" content="LayoutIt!">

	<link href="bootstrap.min.css" rel="stylesheet">
	<link href="style.css" rel="stylesheet">
	<link href="DIY.css" rel="stylesheet">

	<link rel="stylesheet" href="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.css" />
	<script src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
	<style>
		body {
			margin: 0px;
			padding: 0px;
		}
		
		div {
			padding: 0px;
		}

	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>HoverClock - HoverTree</title>
	

</head>

<body class="back2">

	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="header2">
					<h2>Company Name</h2>
				</div>

				<ul class="nav nav-tabs">
					<li class="active">
						<a href="Homepage.html">Home</a>
					</li>
					<li>
						<a href="Signup.html">Sign up</a>
					</li>
					<li>
						<a href="Login.html">Sign in</a>
					</li>

				</ul>
			</div>
		</div>
		<div class="p">
			<p>Welcome</p>
		</div>
	</div>

	<div style="width:500px;margin:10px auto;">
		<div id="hoverclock"></div>
	</div>


	<script src="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.js"></script>
	<script>
		$("#hoverclock").hoverclock({
			"h_width": 500,
			"h_height": 500,
			//"h_hourNumSize": "80",
			// "h_hourNumRadii": "200",
			// "h_hourNumShow": false,
			// "h_minuteNumShow":false,
			"h_hourNumColor": "yellwo",
			"h_backColor": "white",
			// "h_borderColor": "gold",
			//"h_frontColor":"red",
			"h_linkText": " "
		});

	</script>


	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/scripts.js"></script>
</body>

</html>
